@charset "UTF-8";
.header .h-top { overflow: hidden; width: 100%; height: 50px; background: url("../images/header-top-bg.jpg") repeat center; font-size: 14px; color: #ffffff; }

.header .h-top.on { position: fixed; top: 0; left: 0; z-index: 20; }

.header .h-top span { display: inline-block; padding: 18px 0; line-height: 1; padding-right: 28px; }

.header .h-top span.time { padding-left: 26px; background: url("../images/header-top-time.png") no-repeat left center; }

.header .h-top a { font-size: 14px; color: #ffffff; }

.header .h-center { overflow: hidden; padding: 15px 0; }

.header .h-center .logo { padding: 15px 0; }

.header .h-center .logo img { width: 100%; height: auto; }

.header .h-center .phone-btn { width: 30px; height: 30px; background: #000; display: none; float: right; }

.header .h-center .r { padding-top: 30px; }

.header .h-center .search-input { background: #fff; height: 40px; position: relative; }

.header .h-center .search-input input { width: 250px; height: 40px; border: none; outline: none; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .h-center .search-input .search-btn { position: absolute; top: 0; right: 0; }

.header .h-center .search-input .search-btn button { outline: none; border: none; width: 50px; height: 40px; background: url("../images/icon-header-search.png") no-repeat center; }

.header .header-nav .container { position: relative; }

.header .header-nav .close { display: none; width: 23px; height: 23px; background: url("../images/icon-close.png") no-repeat center; position: absolute; right: 0; }

.header .header-nav ul { overflow: hidden; padding-bottom: 29px; }

.header .header-nav ul li { float: left; font-size: 18px; /*padding: 0 18px;*/padding: 0 12px; }

.header .header-nav ul li.on a, .header .header-nav ul li:hover a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #d11111; border-bottom: 2px solid #d11111; }

.header .header-nav ul li a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #333333; display: inline-block; padding-bottom: 10px; border-bottom: 2px solid transparent; }

@media screen and (max-width: 640px) { .header .h-top .l span { padding-right: 0; }
  .header .h-top .r { text-align: right; }
  .header .h-top .r span { padding-right: 0; padding-left: 10px; }
  .header .h-top .time { display: none; }
  .header .h-center .logo { width: 50%; padding: 0; }
  .header .h-center .search { display: none; }
  .header .h-center .phone-btn { display: block; }
  .header .header-nav { position: fixed; top: 50px; left: 0; width: 100%; height: 100%; background: #fff; border-bottom: none; padding-top: 10%; opacity: 0; z-index: -1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
  .header .header-nav.on { z-index: 20; opacity: 1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
  .header .header-nav .close { display: block; }
  .header .header-nav ul { border-bottom: none; }
  .header .header-nav ul li { float: none; padding: 3% 0; border-bottom: 1px solid #dadada; }
  .header .header-nav ul li.on a { border-bottom: none; }
  .header .header-nav ul li:hover a { color: #333333; border-bottom: none; }
  .header .header-nav ul li a { padding: 0; } }

.crumbs ul { border-top: 1px solid #d9d9d9; overflow: hidden; padding: 25px 0; }

.crumbs ul li { width: auto; height: 40px; border: 1px solid #b5b5b5; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 0 20px; float: left; line-height: 40px; text-align: center; font-size: 16px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.crumbs ul li a { color: #666666; }

.crumbs ul li.on, .crumbs ul li:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: #dcdcdc; border-color: #dcdcdc; }

.crumbs ul li.sign { width: 30px; height: 40px; border: none; background: url("../images/crumbs-sign.png") no-repeat center; padding: 0; }

@media screen and (max-width: 640px) { .crumbs { padding: 5% 0; }
  .crumbs ul li { font-size: 14px; width: 90px; height: 35px; line-height: 35px; } }

.footer { background: url("../images/footer-bg.jpg") no-repeat center; -moz-background-size: auto 100%; background-size: auto 100%; }

.footer .f-top { height: 120px; background: url("../images/footer-top-bg.jpg") repeat center; }

.footer .f-top ul { display: table; width: 100%; height: 100%; }

.footer .f-top ul li { padding-left: 50px; width: 29%; display: table-cell; vertical-align: middle; }

.footer .f-top ul li:last-child { width: auto; }

.footer .f-top ul li.f1 { background: url("../images/f-top-01.png") no-repeat left center; }

.footer .f-top ul li.f2 { background: url("../images/f-top-02.png") no-repeat left center; }

.footer .f-top ul li.f3 { background: url("../images/f-top-03.png") no-repeat left center; }

.footer .f-top ul li.f4 { background: url("../images/f-top-04.png") no-repeat left center; }

.footer .f-top ul li:hover a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border-bottom: 1px solid #fff; }

.footer .f-top ul li a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-size: 20px; color: #fff; line-height: 1; padding-bottom: 8px; border-bottom: 1px solid transparent; }

.footer .f-center { overflow: hidden; }

.footer .f-center .r { padding-top: 55px; width: 25%; }

.footer .f-center .r .ewm { text-align: center; }

.footer .f-center .r .ewm img { display: inline-block; }

.footer .f-center .r .ewm span { display: block; padding-top: 20px; font-size: 16px; color: #666666; }

.footer .f-center .r p, .footer .f-center .r .t { font-size: 16px; color: #666666; padding-bottom: 5px; }

.footer .f-center .r .t { padding-top: 30px; padding-bottom: 0; }

.footer .f-center .logo { padding: 55px 0; }

.footer .f-center .f-link dl { overflow: hidden; }

.footer .f-center .f-link dl dt { font-size: 18px; color: #333333; padding-bottom: 10px; }

.footer .f-center .f-link dl dd { float: left; width: 20%; padding: 8px 0; }

.footer .f-center .f-link dl dd a { font-size: 14px; color: #333333; }

.footer .f-center .m-link { border-top: 1px solid #cccccc; margin-top: 20px; padding: 30px 0; }

.footer .f-center .m-link dl { overflow: hidden; }

.footer .f-center .m-link dl dd { float: left; line-height: 1; padding: 0 5px; border-right: 1px solid #959595; border-left: 1px solid #6b6b6b; }

.footer .f-center .m-link dl dd:first-child { border-left: none; padding-left: 0; }

.footer .f-center .m-link dl dd:last-child { padding: 0; border-right: 0; }

.footer .f-center .m-link dl dd a { font-size: 14px; color: #333333; }

.footer .f-bottom { border-top: 1px solid #cecece; text-align: center; padding: 30px 0; }

.footer .f-bottom span { padding: 0 5px; font-size: 14px; color: #666666; line-height: 1; }

@media screen and (max-width: 640px) { .footer .f-top ul { display: block; overflow: hidden; }
  .footer .f-top ul li { display: block; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 10px 0; }
  .footer .f-top ul li a { height: 40px; line-height: 40px; padding-bottom: 0; padding-left: 50px; }
  .footer .f-center .l { width: 100%; float: none; }
  .footer .f-center .r { width: 100%; float: none; padding: 5% 0; }
  .footer .f-center .f-link dl dd { width: 50%; }
  .footer .f-center .m-link { padding: 5% 0; }
  .footer .f-center .m-link dl dd { border-right: none; }
  .footer .f-center .m-link dl dd:last-child { border: none; display: none; } }

.pic-list-1 { overflow: hidden; }

.pic-list-1 ul { width: 102%; }

.pic-list-1 ul li { /*width: 23%; margin-right: 2%;*/ margin-bottom: 6%; float: left; width: 15%; margin-right: 5%;}

.pic-list-1 ul li .pic img { width: 100%; height: auto; display: block; }

.pic-list-1 ul li .wrap { /*margin: 0 5%;*/ margin: 0 6%; position: relative; }

.pic-list-1 ul li .text { width: 100%; bottom: -40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; background: #eaeaea; color: #333; text-align: center; line-height: 1; /*padding: 18px 0;*/ padding: 10px 0; }

.pic-list-1 ul li .text .t { /*font-size: 24px;*/ font-size: 18px; padding-bottom: 10px; }

.pic-list-1 ul li .text .d { font-size: 16px; }

.pic-list-2 ul { width: 103%; overflow: hidden; }

.pic-list-2 ul li { width: 30%; margin-right: 3%; float: left; }

.pic-list-2 ul li img { width: 100%; }

.pic-list-2 ul li .t { text-align: center; font-size: 18px; color: #333333; line-height: 1; padding: 15px 0 5px 0; }

@media screen and (max-width: 640px) { .pic-list-1 ul { width: 100%; }
  .pic-list-1 ul li { width: 100%; float: none; margin: 5% 0; }
  .pic-list-1 ul li .wrap { margin: 0; }
  .pic-list-1 ul li .text { position: relative; bottom: 0; }
  .pic-list-2 { overflow: hidden; }
  .pic-list-2 ul { width: 100%; }
  .pic-list-2 ul li { width: 100%; margin-right: 0; float: none; padding-bottom: 5%; }
  .pic-list-2 ul li:last-child { padding-bottom: 0; }
  .pic-list-2 ul li .t { font-size: 18px; } }

.about-content .text-box { font-size: 16px; color: #666666; line-height: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; height: 120px; }

.about-content .text-box p { padding-bottom: 15px; }

.about-content .hidden-item { margin: 30px 0; }

.about-content .hidden-item .btn { margin: 0 auto; }

.about-content .hidden-item.on .text-box { height: auto; }

.about-content .hidden-item.on .btn { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: 1px solid #d11111; color: #d11111; }

.about-content .list { padding-top: 80px; }

.about-content .list.b { padding-bottom: 80px; }

.about-title { font-size: 32px; color: #333333; border-bottom: 1px solid #e6e6e6; position: relative; margin-bottom: 30px; }

.about-title span { display: inline-block; padding-bottom: 20px; border-bottom: 1px solid #d11111; margin-bottom: -1px; }

.about-title .more { height: 55px; line-height: 55px; display: inline-block; float: right; font-size: 18px; color: #d11111; background: url("../images/icon-more-right.png") no-repeat right center; padding-right: 20px; }

@media screen and (max-width: 640px) { .about-title { font-size: 22px; margin-bottom: 5%; }
  .about-title span { padding-bottom: 5%; }
  .about-title .more { height: 35px; line-height: 35px; font-size: 14px; }
  .about-content .hidden-item { margin: 5% 0; }
  .about-content .hidden-item .btn { margin-top: 5%; }
  .about-content .list { padding: 5% 0; } }

.notice { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 80px; padding: 0 30px; background: #fff; margin-bottom: 30px; background: #fff; }

.notice .wrap { width: 100%; height: 100%; overflow: hidden; }

.notice .title { float: left; width: 10%; padding-left: 40px; height: 100%; font-size: 24px; color: #333333; line-height: 1; display: table; background: url("../images/icon-notice.png") no-repeat left center; }

.notice .title span { display: table-cell; vertical-align: middle; }

.notice .notice-list { float: right; height: 100%; overflow: hidden; width: 925px; }

.notice .notice-list .swiper-slide { height: 100%; font-size: 18px; color: #666666; overflow: hidden; }

.notice .notice-list .swiper-slide .s-wrap { display: table; width: 100%; height: 100%; }

.notice .notice-list .swiper-slide .t { display: table-cell; vertical-align: middle; color: #666; }

.notice .notice-list .swiper-slide .d { width: 110px; display: table-cell; vertical-align: middle; }

.notice .swiper-btn { float: right; width: 20px; height: 100%; padding-left: 30px; }

.notice .swiper-btn div { width: 14px; height: 50%; background-repeat: no-repeat; }

.notice .swiper-btn .button-prev { background-image: url("../images/icon-notice-up-hover.png"); background-position: center 80%; }

.notice .swiper-btn .button-prev.swiper-button-disabled { background-image: url("../images/icon-notice-up.png"); }

.notice .swiper-btn .button-next { background-image: url("../images/icon-notice-down-hover.png"); background-position: center 20%; }

.notice .swiper-btn .button-next.swiper-button-disabled { background-image: url("../images/icon-notice-down.png"); }

@media screen and (max-width: 780px) { .notice { padding: 5%; margin-bottom: 5%; height: 70px; }
  .notice .title { width: 10%; padding: 0; }
  .notice .title span { display: none; }
  .notice .notice-list { width: 85%; }
  .notice .notice-list .swiper-slide .s-wrap { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  .notice .notice-list .swiper-slide .t { word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ -o-text-overflow: ellipsis; text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ display: block; line-height: 42px; line-height: 35px; font-size: 16px; }
  .notice .notice-list .swiper-slide .d { display: none; }
  .notice .swiper-btn { display: none; } }

.index-box { background: #fff; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; }

.index-box.box-l { width: 48.5%; float: left; }

.index-box.box-r { width: 48.5%; float: right; }

.col-2 { overflow: hidden; }

.col-2 .col-l { width: 48.5%; float: left; }

.col-2 .col-r { width: 48.5%; float: right; }

@media screen and (max-width: 780px) { .index-box { margin-bottom: 5%; padding: 5%; }
  .index-box.box-l { width: 100%; float: none; }
  .index-box.box-r { width: 100%; float: none; }
  .col-2 .col-l { width: 100%; float: none; }
  .col-2 .col-r { width: 100%; float: none; padding-top: 5%; } }

.swiper-list-1 .tip, .swiper-list-4 .tip { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; bottom: 0; z-index: 1; color: #fff; padding: 10px; background: url("../images/tip-bg.png") repeat; }

.swiper-list-1 .swiper-slide img { width: 100%; }

.text-list-1.col2 { width: 50%; float: left; }

.text-list-1 ul li { padding-bottom: 10px; }

.text-list-1 ul li:hover a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #d11111; background: url("../images/icon-text-list-d-hover.png") no-repeat center left; }

.text-list-1 ul li a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; padding-left: 18px; font-size: 18px; color: #333333; background: url("../images/icon-text-list-d.png") no-repeat left center; }

@media screen and (max-width: 780px) { .text-list-1 ul li a { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ -o-text-overflow: ellipsis; text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ } }

.hy, .gy { height: 410px; }

.hy { background: url("../images/hy-bg.png") no-repeat bottom right #fff; }

.ad { margin-bottom: 30px; }

.ad img { width: 100%; }

@media screen and (max-width: 780px) { .gy { height: auto; }
  .ad { margin-bottom: 5%; } }

.index-banner { margin-bottom: 30px; position: relative; }

.index-banner .swiper-slide img { width: 100%; }

.index-banner .swiper-btn { position: absolute; top: 50%; width: 100%; z-index: 2; margin-top: -36px; }

.index-banner .swiper-btn div { display: block; width: 72px; height: 72px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.index-banner .swiper-btn .button-prev { float: left; background-image: url("../images/index-banner-left.png"); }

.index-banner .swiper-btn .button-prev:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-image: url("../images/index-banner-left-hover.png"); }

.index-banner .swiper-btn .button-next { float: right; background: url("../images/index-banner-right.png"); }

.index-banner .swiper-btn .button-next:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: url("../images/index-banner-right-hover.png"); }

.index-banner .swiper-pagination { bottom: 30px !important; }

.index-banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background: #fff; }

.index-banner .swiper-pagination .swiper-pagination-bullet-active { background: #d11111; }

@media screen and (max-width: 780px) { .index-banner .swiper-btn { display: none; }
  .index-banner .swiper-pagination { bottom: 5% !important; }
  .index-banner .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } }

.swiper-list-2 { position: relative; }

.swiper-list-2 .swiper-slide img { width: 100%; }

.swiper-list-2 .swiper-slide .text { padding-top: 20px; }

.swiper-list-2 .swiper-slide .text .t { display: block; font-size: 18px; color: #333333; padding-bottom: 5px; }

.swiper-list-2 .swiper-slide .text .d { font-size: 14px; color: #999999; line-height: 1.5; }

.swiper-list-2 .swiper-btn { position: absolute; top: 40%; width: 100%; z-index: 2; margin-top: -36px; }

.swiper-list-2 .swiper-btn div { display: block; width: 72px; height: 72px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.swiper-list-2 .swiper-btn .button-prev { float: left; background-image: url("../images/index-banner-left.png"); }

.swiper-list-2 .swiper-btn .button-prev:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-image: url("../images/index-banner-left-hover.png"); }

.swiper-list-2 .swiper-btn .button-next { float: right; background: url("../images/index-banner-right.png"); }

.swiper-list-2 .swiper-btn .button-next:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: url("../images/index-banner-right-hover.png"); }

@media screen and (max-width: 780px) { .swiper-list-2 .swiper-btn { display: none; } }

.pic-list-3 ul { width: 103%; overflow: hidden; }

.pic-list-3 ul li { width: 47%; margin-right: 3%; margin-bottom: 3%; float: left; }

.pic-list-3 ul li img { width: 100%; height: auto; }

.pic-list-3 ul li .t { font-size: 18px; color: #333333; padding-top: 10px; }

.pic-list-3 ul li .t span { padding-left: 18px; background: url("../images/icon-text-list-d.png") no-repeat left center; }

@media screen and (max-width: 780px) { .pic-list-3 ul { width: 100%; }
  .pic-list-3 ul li { width: 100%; float: none; padding-bottom: 5%; }
  .pic-list-3 ul li:last-child { padding-bottom: 0; } }

.rc, .dw { height: 540px; }

@media screen and (max-width: 780px) { .rc, .dw { height: auto; } }

.video-list-1 ul { width: 102%; overflow: hidden; }

.video-list-1 ul li { width: 23%; float: left; margin-right: 2%; }

.video-list-1 ul li .video-hover { position: relative; }

.video-list-1 ul li .video-hover img { width: 100%; height: auto; }

.video-list-1 ul li .video-hover .play { cursor: pointer; top: 50%; left: 50%; margin-top: -36px; margin-left: -36px; position: absolute; width: 72px; height: 72px; background: url("../images/video-play.png") no-repeat center; }

.video-list-1 ul li .t { padding-top: 10px; min-height: 35px; line-height: 1.5; font-size: 14px; color: #666666; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

@media screen and (max-width: 780px) { .video-list-1 ul { width: 100%; }
  .video-list-1 ul li { width: 100%; float: none; padding-bottom: 5%; }
  .video-list-1 ul li:last-child { padding-bottom: 0; } }

.pic-list-4 ul { width: 102%; overflow: hidden; }

.pic-list-4 ul li { width: 48%; margin-right: 2%; float: left; padding: 2%; padding-bottom: 5%; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.1s ease-in-out; }

.pic-list-4 ul li:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 1px 1px 10px #eaeaea; -moz-box-shadow: 1px 1px 10px #eaeaea; box-shadow: 1px 1px 10px #eaeaea; }

.pic-list-4 ul li .pic img { width: 100%; height: auto; }

.pic-list-4 ul li .text { padding: 15px 0; }

.pic-list-4 ul li .text .t { display: block; font-size: 18px; color: #333333; text-align: center; padding-bottom: 10px; }

.pic-list-4 ul li .text .d { font-size: 14px; color: #999999; line-height: 1.5; padding: 0 6px; }

.pic-list-4 ul li .go { color: #d11111; display: block; text-align: center; padding-bottom: 7px; }

.pic-list-4 ul li .go:hover span { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border-bottom: 1px solid #d11111; }

.pic-list-4 ul li .go span { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; line-height: 1; padding-bottom: 7px; border-bottom: 1px solid #f7f7f7; font-size: 14px; color: #d11111; }

@media screen and (max-width: 780px) { .pic-list-4 ul { width: 100%; }
  .pic-list-4 ul li { width: 100%; float: none; margin-bottom: 5%; padding: 5%; }
  .pic-list-4 ul li:last-child { margin-bottom: 0; } }

.swiper-list-3 { padding: 0 60px; position: relative; }

.swiper-list-3 .swiper-btn { position: absolute; top: 40%; left: 0; width: 101%; z-index: 0; margin-top: -36px; }

.swiper-list-3 .swiper-btn div { display: block; width: 72px; height: 72px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.swiper-list-3 .swiper-btn .button-prev { float: left; background-image: url("../images/index-banner-left.png"); margin-left: -10px; }

.swiper-list-3 .swiper-btn .button-prev:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-image: url("../images/index-banner-left-hover.png"); }

.swiper-list-3 .swiper-btn .button-next { float: right; background: url("../images/index-banner-right.png"); }

.swiper-list-3 .swiper-btn .button-next:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: url("../images/index-banner-right-hover.png"); }

.swiper-list-3 .swiper-slide { width: 130px; float: left; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.swiper-list-3 .swiper-slide:hover .text { color: #d11111; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.swiper-list-3 .swiper-slide img { width: 100%; }

.swiper-list-3 .swiper-slide .text { display: block; text-align: center; font-size: 14px; color: #333333; padding-top: 10px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.kw-text { margin-top: 20px; position: relative; }

.kw-text .more { display: inline-block; position: absolute; top: 0; right: 0; color: #d11111; border: 1px solid #d11111; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; line-height: 1; padding: 10px 15px; }

.kw-text .t { font-size: 18px; color: #333333; padding-bottom: 5px; }

.kw-text .d { font-size: 14px; color: #999999; line-height: 1.7; }

@media screen and (max-width: 780px) { .swiper-list-3 .swiper-slide { width: 100%; padding: 0; }
  .swiper-list-3 .swiper-btn { left: -1%; width: 105%; }
  .kw-text .more { position: relative; margin-top: 5%; } }

.kw, .ds { height: 480px; overflow: hidden; }

@media screen and (max-width: 780px) { .kw, .ds { height: auto; overflow: hidden; } }

.swiper-list-4 .swiper-slide img { width: 100%; height: auto; }

.swiper-list-4 .swiper-pagination { display: none; bottom: 20px !important; }

.swiper-list-4 .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background: #fff; }

.swiper-list-4 .swiper-pagination .swiper-pagination-bullet-active { background: #d11111; }

@media screen and (max-width: 780px) { .swiper-list-4 .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } }

.pj-title { font-size: 24px; color: #333333; padding: 25px 0; border-top: 1px solid #e6e6e6; }

.pj-title span { padding-left: 20px; background: url(../images/icon-text-list-d.png) no-repeat left center; }

.pj-title .more { line-height: 30px; display: inline-block; float: right; font-size: 18px; color: #d11111; background: url(../images/icon-more-right.png) no-repeat right center; padding-right: 20px; }

.pj-info { padding-bottom: 30px; }

.pj-info .col-2 { padding-bottom: 30px; }

.pj-info .video-list-1 { padding-bottom: 30px; }

.pj-info .pj-desc .d { font-size: 14px; color: #666666; line-height: 1.7; }

.pj-info .pj-desc .pj-title { border: none; }

.text-list-2 ul { overflow: hidden; }

.text-list-2 ul li { width: 280px; float: left; font-size: 18px; padding-bottom: 10px; }

.text-list-2 ul li a { color: #666666; }

.pj-info-item { display: none; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.pj-info-item.on { display: block; opacity: 1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

@media screen and (max-width: 780px) { .pj-info .col-2 { width: 100%; }
  .pj-info .col-2 .pj-title .more { display: inline-block; float: none; margin-top: 3%; }
  .text-list-2 ul li { width: 100%; font-size: 14px; } }

.swiper-title { font-size: 18px; color: #999999; width: 85%; float: right; padding-top: 10px; position: relative; margin-right: 40px !important; }

.swiper-title .swiper-slide { padding: 0 20px 0 10px; width: auto; cursor: pointer; display: inline-block; background: url("../images/swiper-title-line.png") no-repeat right center; }

.swiper-title .swiper-slide:hover, .swiper-title .swiper-slide.on { color: #d11111; }

.swiper-title .btn-left { right: -16px; top: 50%; position: absolute; width: 9px; height: 14px; line-height: 30px; display: inline-block; float: right; font-size: 18px; color: #d11111; background: url("../images/h-icon08.png") no-repeat right center; cursor: pointer; }

.swiper-title .btn-left.swiper-button-disabled { opacity: 0.35; }

.swiper-title .btn-right { right: -40px; top: 50%; position: absolute; width: 9px; height: 14px; line-height: 30px; display: inline-block; float: right; font-size: 18px; color: #d11111; background: url("../images/h-icon07.png") no-repeat right center; cursor: pointer; }

.swiper-title .btn-right.swiper-button-disabled { opacity: 0.35; }

@media screen and (max-width: 780px) { .swiper-title { width: 100%; padding: 5% 0; padding-left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .swiper-title .btn-right { top: 39%; } }

.member-user-list { overflow: hidden; width: 102%; }

.member-user-list .temp-item-box { padding: 15px; background: #fff; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 98%; position: relative; margin-bottom: 2%; }

.member-user-list .data, .member-user-list .temp-item-box { display: none; }

.member-user-list .data .t, .member-user-list .temp-item-box .t { font-size: 18px; color: #333333; padding-bottom: 9px; }

.member-user-list .data p, .member-user-list .temp-item-box p { font-size: 14px; color: #999999; padding: 3px 0; }

.member-user-list .item { width: 31.33%; margin-right: 2%; margin-bottom: 8.5%; float: left; }

.member-user-list .item .pic img { width: 100%; height: auto; display: block; }

.member-user-list .item .wrap { margin: 0 10%; position: relative; }

.member-user-list .item .text { width: 100%; bottom: -40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; background: #333333; color: #fff; text-align: center; line-height: 1; padding: 18px 0; }

.member-user-list .item .text .t { font-size: 24px; padding-bottom: 10px; }

.member-user-list .item .text .d { font-size: 16px; }

@media screen and (max-width: 780px) { .member-user-list .item { width: 100%; float: none; }
  .member-user-list .item .data { padding: 5%; overflow: hidden; }
  .member-user-list .item .wrap { margin: 0; }
  .member-user-list .item .text { position: relative; bottom: 0; } }

.xjdsj-title { text-align: center; position: relative; }

.xjdsj-title .time-btn { width: 100%; top: 50%; margin-top: -15px; position: absolute; }

.xjdsj-title .time-btn div { cursor: pointer; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.xjdsj-title .time-btn .left-btn { float: left; background-image: url("../images/icon-timeline-left.png"); }

.xjdsj-title .time-btn .left-btn:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-image: url("../images/icon-timeline-left-hover.png"); }

.xjdsj-title .time-btn .right-btn { float: right; background-image: url("../images/icon-timeline-right.png"); }

.xjdsj-title .time-btn .right-btn:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-image: url("../images/icon-timeline-right-hover.png"); }

.xjdsj-title .time-line { overflow: hidden; margin: 0 5%; padding-bottom: 30px; position: relative; z-index: 2; }

.xjdsj-title .time-line .item { width: 16.6%; float: left; text-align: center; font-size: 18px; color: #333333; padding-bottom: 20px; line-height: 1; cursor: pointer; position: relative; }

.xjdsj-title .time-line .item.on { color: #da262e; }

.xjdsj-title .time-line .item.on:before { margin-left: -14px; width: 28px; height: 38px; bottom: -24px; background: url("../images/icon-yuan-on.png") no-repeat center; }

.xjdsj-title .time-line .item:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background: #666666; }

.xjdsj-title .time-line .item:before { content: ''; display: block; position: absolute; z-index: 2; bottom: -5px; left: 50%; margin-left: -5px; width: 10px; height: 10px; background: url("../images/icon-yuan.png") no-repeat center; }

.xjdsj-content { padding-top: 60px; padding-bottom: 94px; display: none; }

.xjdsj-content.on { display: block; }

.xjdsj-content .xjdsj-content-title { margin: 0 33%; background: #f2f2f2; padding: 35px 30px; position: relative; text-align: center; font-size: 42px; color: #333333; }

.xjdsj-content .item { margin: 0 33%; background: #f2f2f2; padding: 35px 30px; position: relative; }

.xjdsj-content .item.pic-r .pic { right: -100%; left: auto; padding-left: 55px; padding-right: 0; }

.xjdsj-content .item.pic-r .pic:after { left: -12px; right: auto; }

.xjdsj-content .item.pic-r .pic:before { left: -20px; right: auto; }

.xjdsj-content .item .text { font-size: 14px; color: #333333; line-height: 1.8; }

.xjdsj-content .item .pic { width: 100%; padding-right: 55px; position: absolute; left: -100%; top: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.xjdsj-content .item .pic .p { position: relative; }

.xjdsj-content .item .pic .t { font-size: 42px; color: #333333; }

.xjdsj-content .item .pic .time { position: absolute; bottom: -15px; left: 50%; margin-left: -42.5px; width: 85px; background: #da262e; color: #fff; text-align: center; line-height: 1; padding: 8px 0; }

.xjdsj-content .item .pic:after { content: ''; display: block; position: absolute; right: -12px; top: 50%; width: 50px; height: 1px; background: #cccccc; z-index: 2; }

.xjdsj-content .item .pic:before { content: ''; display: block; position: absolute; z-index: 2; right: -20px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url("../images/icon-xjdsj-content-yuan.png") no-repeat center; }

.xjdsj-content .item .pic img { width: 100%; height: auto; }

@media screen and (max-width: 768px) { .xjdsj-title .time-btn { margin-top: -12px; }
  .xjdsj-title .time-line { margin: 0 35px; }
  .xjdsj-title .time-line .item { width: 33.33%; }
  .xjdsj-content .xjdsj-content-title { margin: 0; }
  .xjdsj-content .item { margin: 0; padding: 5%; }
  .xjdsj-content .item.pic-r .pic { padding: 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin-bottom: 5%; }
  .xjdsj-content .item.pic-r .pic:after { display: none; }
  .xjdsj-content .item.pic-r .pic:before { display: none; }
  .xjdsj-content .item .pic { padding: 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin-bottom: 5%; }
  .xjdsj-content .item .pic:after { display: none; }
  .xjdsj-content .item .pic:before { display: none; } }
